.headBox {
  display: flex;
  margin: 0.13rem 0.24rem 0 0.3rem;
  justify-content: space-between;
}
.headBox .left h2 {
  font-size: 0.4rem;
  font-weight: 800;
  color: #1E2023;
  position: relative;
  z-index: 10;
}
.headBox .left h2::after {
  position: absolute;
  content: '';
  left: 0;
  right: 0;
  bottom: 0;
  width: 1.56rem;
  height: 0.16rem;
  background: #60A7F6;
  opacity: 0.48;
}
.headBox .right {
  display: flex;
  margin-top: 0.08rem;
}
.headBox .right .comment_img {
  width: 0.44rem;
  height: 0.44rem;
}
.headBox .right .search_img {
  width: 0.44rem;
  height: 0.44rem;
  margin-left: 0.48rem;
}
.contentBox {
  margin: 0.3rem 0.3rem 0 0.3rem;
}
.contentBox .bannerBox {
  position: relative;
}
.contentBox .bannerBox .banner_img {
  width: 6.9rem;
  height: 8.2rem;
}
.contentBox .bannerBox .textBox {
  display: flex;
  position: absolute;
  top: 7.64rem;
  left: 5.52rem;
  align-items: center;
}
.contentBox .bannerBox .icon_img {
  width: 0.28rem;
  height: 0.28rem;
}
.contentBox .bannerBox .banner_text {
  font-size: 0.24rem;
  color: #FFFFFF;
}
.contentBox .bannerBox .count {
  font-size: 0.24rem;
  color: #FFFFFF;
}
.contentBox .hotBox {
  margin: 0.72rem 0 0.3rem;
}
.contentBox .hotBox .head {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.contentBox .hotBox .head .left {
  display: flex;
  align-items: center;
}
.contentBox .hotBox .head .left .line {
  width: 0.08rem;
  height: 0.4rem;
  background: #60A7F6;
  opacity: 1;
  border-radius: 0.04rem;
}
.contentBox .hotBox .head .left .title_text {
  font-size: 0.36rem;
  font-weight: 500;
  color: #1E2023;
  margin-left: 0.08rem;
}
.contentBox .hotBox .head .right {
  display: flex;
}
.contentBox .hotBox .head .right .more_text {
  font-size: 0.24rem;
  color: #60A7F6;
}
.contentBox .hotBox .head .right .more_img {
  width: 0.32rem;
  height: 0.32rem;
  margin-left: 0.02rem;
}
.contentBox .hotUl::-webkit-scrollbar {
  display: none;
}
.contentBox .hotUl {
  margin-top: 0.24rem;
  display: flex;
  overflow-x: scroll;
}
.contentBox .hotUl .hotLi:nth-child(1) {
  margin-left: 0;
}
.contentBox .hotUl .hotLi {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #F5F5F5;
  border-radius: 0.08rem;
  padding-bottom: 0.2rem;
  margin-left: 0.14rem;
}
.contentBox .hotUl .hotLi .bg {
  width: 3.06rem;
  height: 2.66rem;
}
.contentBox .hotUl .hotLi .head_img {
  width: 1.18rem;
  height: 1.18rem;
  z-index: 10;
  margin-top: -0.59rem;
}
.contentBox .hotUl .hotLi .name {
  font-size: 0.28rem;
  color: #1E2023;
  margin-top: 0.13rem;
}
.contentBox .hotUl .hotLi .workName {
  font-size: 0.2rem;
  color: #8A93A1;
  opacity: 1;
  margin-top: 0.1rem;
}
.contentBox .hotUl .hotLi .guanzhu_btn {
  height: 0.4rem;
  background: #60A7F6;
  border-radius: 0.2rem;
  border: none;
  font-size: 0.24rem;
  color: #FFFFFF;
  opacity: 1;
  margin-top: 0.24rem;
  line-height: 0.4rem;
}
.contentBox .jingxunBox .head {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.contentBox .jingxunBox .head .left {
  display: flex;
  align-items: center;
}
.contentBox .jingxunBox .head .left .line {
  width: 0.08rem;
  height: 0.4rem;
  background: #60A7F6;
  opacity: 1;
  border-radius: 0.04rem;
}
.contentBox .jingxunBox .head .left .title_text {
  font-size: 0.36rem;
  font-weight: 500;
  color: #1E2023;
  margin-left: 0.08rem;
}
.contentBox .jingxunBox .selectedUl {
  margin-top: 0.24rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.contentBox .jingxunBox .selectedUl .selectedLi:nth-child(1) {
  margin-top: 0;
}
.contentBox .jingxunBox .selectedUl .selectedLi:nth-child(1) img {
  width: 6.9rem;
  height: 3.49rem;
}
.contentBox .jingxunBox .selectedUl .selectedLi {
  margin-top: 0.2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.contentBox .jingxunBox .selectedUl .selectedLi img {
  width: 3.38rem;
  height: 3.38rem;
}
.contentBox .jingxunBox .selectedUl .selectedLi .selectedText {
  font-size: 0.28rem;
  color: #FFFFFF;
  position: absolute;
  top: 1.29rem;
}
.contentBox .jingxunBox .selectedUl .selectedLi .contentText {
  font-size: 0.18rem;
  color: #FFFFFF;
  position: absolute;
  top: 1.79rem;
}
.contentBox .clockBox {
  margin-top: 0.52rem;
}
.contentBox .clockBox .head {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.contentBox .clockBox .head .left {
  display: flex;
  align-items: center;
}
.contentBox .clockBox .head .left .line {
  width: 0.08rem;
  height: 0.4rem;
  background: #60A7F6;
  opacity: 1;
  border-radius: 0.04rem;
}
.contentBox .clockBox .head .left .title_text {
  font-size: 0.36rem;
  font-weight: 500;
  color: #1E2023;
  margin-left: 0.08rem;
}
.contentBox .clockBox .head .right {
  display: flex;
}
.contentBox .clockBox .head .right .more_text {
  font-size: 0.24rem;
  color: #60A7F6;
}
.contentBox .clockBox .head .right .more_img {
  width: 0.32rem;
  height: 0.32rem;
  margin-left: 0.02rem;
}
.contentBox .clockBox .clockUl {
  margin-top: 0.24rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.contentBox .clockBox .clockUl .clockLi {
  margin-bottom: 0.1rem;
  display: flex;
  flex-direction: column;
  position: relative;
}
.contentBox .clockBox .clockUl .clockLi .bg {
  width: 3.38rem;
  height: 3.38rem;
}
.contentBox .clockBox .clockUl .clockLi .count {
  position: absolute;
  font-size: 0.2rem;
  color: #FFFFFF;
  top: 3.01rem;
  left: 3.15rem;
}
.contentBox .clockBox .clockUl .clockLi .icon_img {
  width: 0.28rem;
  height: 0.28rem;
  position: absolute;
  top: 3.01rem;
  left: 2.87rem;
}
.contentBox .clockBox .clockUl .clockLi .text {
  font-size: 0.24rem;
  color: #1E2023;
  margin-top: 0.2rem;
  text-overflow: ellipsis;
}
.contentBox .clockBox .clockUl .clockLi .foot {
  display: flex;
  justify-content: space-between;
  margin-top: 0.24rem;
  align-items: center;
}
.contentBox .clockBox .clockUl .clockLi .foot .footLf {
  display: flex;
}
.contentBox .clockBox .clockUl .clockLi .foot .footLf .head_img {
  width: 0.3rem;
  height: 0.3rem;
}
.contentBox .clockBox .clockUl .clockLi .foot .footLf .name {
  font-size: 0.2rem;
  color: #68707A;
}
.contentBox .clockBox .clockUl .clockLi .foot .footRt {
  display: flex;
}
.contentBox .clockBox .clockUl .clockLi .foot .footRt .city {
  font-size: 0.2rem;
  color: #68707A;
}
